
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><title>
	炮弹走私
</title><script language="javascript" type="text/javascript"> 
            var applicationPath = "";
        </script>
<meta http-equiv="content-language" content="zh-CN" />
<link rel="icon" type="image/x-icon" href="http://www.wxmaiyatang.cn/favicon.ico" media="screen" />
<link rel="shortcut icon" type="image/x-icon" href="http://www.wxmaiyatang.cn/favicon.ico" media="screen" />
<meta name="author" content="Hishop development team" />
<meta name="GENERATOR" content="微分销" />
<meta name="renderer" content="webkit" /><link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" />
<script type="text/javascript" src="admin/js/browserdetect.js"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="admin/css/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" src="admin/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="admin/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="admin/js/jquery.formvalidation.js"></script>
<link rel="stylesheet" href="admin/css/common.css" />
<script src="admin/js/Framenew.js?3.3.1bk1"></script>
<meta name="keywords" /><meta name="description" />
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <script src="../js/echarts.js"></script>
</head>
<body class="theme theme--blue">

    <header class="ui-header navbar-fixed-top">
        <div class="ui-header-inner clearfix">
            <h1 class="ui-header-logo">
                <a href="/admin/" title="管理后台">
                    <span class="version"><i>3.4</i></span>
                </a>
            </h1>
            <nav class="ui-header-nav">
                <ul class="clearfix">
					<li class="divide">|</li>
					<li mid="m01"><a href="Default.html" title="店铺">店铺</a></li>
					<li mid="m02"><a href="productonsales.html" title="商品">商品</a></li>
					<li mid="m03"><a href="manageorder.html" title="订单">订单</a></li>
					<li class="divide">|</li>
					<li class=" active" mid="m04"><a href="MemberGaiKuang.html" title="会员">会员</a></li>
					<li mid="m05"><a href="DistributorSummary.html" title="分销">分销</a></li>
					<li class="divide">|</li>
<!-- 					<li mid="m06"><a href="#" title="微信">微信</a></li>
					<li mid="m07"><a href="#" title="微博">微博</a></li>
					<li mid="m11"><a href="#" title="服务窗">服务窗</a></li>
					<li class="divide">|</li> -->
					<li mid="m08"><a href="CouponsList.html" title="营销">营销</a></li>
					<li class="divide">|</li>
					<li mid="m09"><a href="Alipay.html" title="设置">设置</a></li>
					<li mid="m10"><a href="salereport.html" title="分析统计">分析统计</a></li>
				</ul>

            </nav>
            <div class="ui-header-user ">
                <div class="customer-wrap">
                </div>
                <div class="dropdown hover dropdown-right">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="txt">
                            <span class="ellipsis team_name">炮弹走私</span><span class="dash"> - </span><span>admin</span>
                        </span>
                        <i class="caret"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="/admin/Settings/EditManager.aspx?UserID=1"><span class="glyphicon glyphicon-user"></span>个人信息</a></li>
                        <li><a href="/admin/Settings/EditManagerPassword.aspx?UserID=1"><span class="glyphicon glyphicon-list-alt"></span>修改密码</a></li>
                        <li class="divide"></li>
                        <li><a href="/Admin/LoginExit.aspx"><span class="glyphicon glyphicon-indent-right"></span>退出</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="container">
        <div class="app">
            <div class="app-inner clearfix">



  
                <div class="page-header">
                    <h2>店铺会员概况</h2>
                </div>
                <div class="member-info clearfix">
                    <div class="fl">
                        <p class="line">活跃会员数1</p>
                        <div class="blank"></div>
                        <p class="line">休眠会员数2</p>
                        <div class="radius left">
                            <div class="bigsize">
                                <p>成交会员</p>
                                <span>3</span>
                            </div>
                            <p>昨日新增</p>
                            <span>0</span>
                        </div>
                    </div>
                    <div class="fr">
                        <p class="line">收藏会员数0</p>
                        <div class="blank"></div>
                        <p class="line">加购物车会员数0</p>
                        <div class="radius right">
                            <div class="bigsize">
                                <p>潜在会员</p>
                                <span>923</span>
                            </div>
                            <p>昨日新增</p>
                            <span>0</span>
                        </div>
                    </div>
                </div>
                <div class="membership">
                    <p>会员总数<span>926</span></p>
                    <div class="lineBox"></div>
                    <div class="triangle"></div>
                </div>
                <div class="memberChart clearfix">
                    <div class="chartLedt fl" id="radiuschart"></div>
                    <div class="chartRight fr" id="linechart"></div>
                </div>
         
 
        <script type="text/javascript">
    // Step:3 conifg ECharts's path, link to echarts.js from current page.
    // Step:3 为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需图表路径
    require.config({
        paths: {
            echarts: '../js'
        }
    });
    
    // Step:4 require echarts and use it in the callback.
    // Step:4 动态加载echarts然后在回调函数中开始使用，注意保持按需加载结构定义图表路径
    require(
        [
            'echarts',
            'echarts/chart/pie',
            'echarts/chart/funnel',
            'echarts/chart/bar',
            'echarts/chart/line',
            'echarts/chart/map'
        ],
        function (ec) {
            //--- 折柱 ---
            var myChart = ec.init(document.getElementById('radiuschart'));
            myChart.setOption({
                title : {
                    text: '分组数据',
                    x:'center'
                },
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                legend: {
                    orient : 'vertical',
                    x: 'left',
                    data: ['VIP','普通会员','sss']
                    //data:['普通会员','高级会员','VIP会员','视频广告','搜索引擎']
                },
                calculable : true,
                series : [
                    {
                        name:'会员类别',
                        type:'pie',
                        radius : '55%',
                        center: ['50%', '60%'],
                        data: [
                            {value:3, name:'VIP'},
{value:921, name:'普通会员'},
{value:2, name:'sss'}

                            //{value:335, name:'普通会员'},
                            //{value:310, name:'高级会员'},
                            //{value:234, name:'VIP会员'},
                            //{value:135, name:'视频广告'},
                            //{value:1548, name:'搜索引擎'}
                        ]
                    }
                ]
            });
            var myChart1 = ec.init(document.getElementById('linechart'));
            myChart1.setOption({
                title : {
                    text: '会员分布地区(前9名)',
                    subtext: '数据来自网络'
                },
                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    data: ['区域统计']
                },
                calculable : true,
                xAxis : [
                    {
                        type : 'value',
                        boundaryGap : [0, 0.01]
                    }
                ],
                yAxis : [
                    {
                        type: 'category',
                        data: ['其它','浙江','江苏','江西','北京','山西','广东','上海','安徽']
                        //data : ['湖南','湖北','美国','印度','中国','世界人口(万)']
                    }
                ],
                series : [
                    {
                        name:'区域统计',
                        type: 'bar',
                        data: [919,2,1,1,1,1,1,0,0]
                        //data:[18203, 23489, 29034, 104970, 131744, 630230]
                    }
                ]
            });            
        }
    );
    </script>



            </div>
        </div>
        <aside class="ui-sidebar sidebar" style="min-height: 533px;">
            <nav class="well" id="menu_left">
                <ul iid="hyi01">
<li class=" active"><a href="MemberGaiKuang.html" title="会员概况">会员概况</a></li>
</ul>
<em class="glyphicon ico-huiyuang"></em>
<span>会员管理</span>
<ul iid="hyi02">
<li><a href="member/managemembers.html" title="会员列表">会员列表</a></li>
<li><a href="member/membergrades.html" title="会员等级">会员等级</a></li>
<li><a href="member/CustomDistributorList.html" title="会员分组设置">会员分组设置</a></li>
<li><a href="member/MembersIntegralQuery.html" title="会员积分查询">会员积分查询</a></li>
</ul>
<em class="glyphicon ico-huiyuans"></em>
<span>会员积分设置</span>
<ul iid="hyi03">
<li><a href="member/setScore_sign.html" title="签到送积分">签到送积分</a></li>
<li><a href="member/setScore_shopping.html" title="购物送积分">购物送积分</a></li>
</ul>

            </nav>
        </aside>
    </div>
    <div class="mt20"></div>
</body>
</html>
